<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1291028_inx3dz3wwt.css">
</head>
<body>
    <div class="top">
    </div>
    <div class="nav">
        <div class="nav-top">
           <div class="nav-left">
              <i class="location iconfont">&#xe604;</i>
              <span>深圳</span>
              <span>&lt;切换&gt;</span>
           </div>
           <div class="nav-center">
              <a href="#">首页</a>
              <a href="#">咨询</a>
              <a href="#">测试</a>
              <a href="#">商城</a>
           </div>
           <div class="nav-right">
               <i class="location iconfont">&#xe601;</i>
               <span>个人中心</span>
           </div>
       </div>
    </div>
    <div class="container">
        <div class="left">
           <div class="list">
               <ul>
                   <li class="wile"></li>
                   <li><a href="../day10-2/index2.html">用户中心首页</a></li>
               </ul>
           </div>
           <div class="menu">
               <img src="images/open.png" alt="">
               <ul>
                   <li><a href="#">我的检测</a></li>
                   <li><a href="#">上门检测</a></li>
                   <li><a href="#">DIY检测</a></li>
               </ul>
           </div>
           <div class="menu">
                <img src="images/open.png" alt="">
                <ul>
                    <li><a href="#">我的治理</a></li>
                    <li><a href="#">上门治理</a></li>
                </ul>
            </div>
            <div class="menu">
                <img src="images/open.png" alt="">
                <ul>
                    <li><a href="#">我的装修</a></li>
                    <li><a href="#">装修方案</a></li>
                </ul>
            </div>
            <div class="menu">
                <img src="images/open.png" alt="">
                <ul>
                    <li><a href="#">我的收藏</a></li>
                    <li><a href="#">装修材料</a></li>
                    <li><a href="#">净化产品</a></li>
                    <li><a href="#">咨询</a></li>
                    <li><a href="#">测评</a></li>
                </ul>
            </div>
            <div class="menu">
                <img src="images/open.png" alt="">
                <ul>
                    <li><a href="#">个人资料</a></li>
                    <li><a href="#">个人资料</a></li>
                    <li><a href="#">修改密码</a></li>
                    <li class="bangding"><a href="../day10-2/index2.html">绑定手机\微信</a></li>
                </ul>
            </div>
            <div class="menu">
                <img src="images/open.png" alt="">
                <ul>
                    <li><a href="#">积分管理</a></li>
                    <li><a href="#">积分兑换</a></li>
                    <li><a href="#">积分等级</a></li>
                    <li><a href="#">积分任务</a></li>
                </ul>
            </div>
        </div>
        <div class="right">
         <!-- 右边部分 -->
            <div class="user">
                <img src="images/user.png" alt="">
                <p>用户名</p>
                <p>积分值：&nbsp;&nbsp;198分</p>
                <p>我的消息：&nbsp;&nbsp;0条</p>
            </div>
            <div class="xian"></div>
            <div class="user-xx">
                <div class="wx">
                    <img src="images/weixin1.png" alt="">
                    <p>微信绑定</p>
                    <p><span>未绑定</span><a href="#">立即绑定</a></p>
                </div>
                <div class="phone">
                    <img src="images/phone.png" alt="">
                    <p>手机号码绑定</p>
                    <p><span>未绑定</span><a href="#">立即绑定</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bottom">
        <div class="home-img"> 
            <img src="images/footerLogo.png" alt="">
        </div>
        <div class="wenben">
            <p>为室内环境健康把好每一关</p>
            <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
            <p>和测试，倾力协助大众打造绿色、环保的人居生活环境。</p>
        </div>
        <div class="list-left">
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">加入我们</a>
        </div>
        <div class="list-center">
            <a href="#">版权说明</a>
            <a href="#">用户隐私</a>
            <a href="#">免费申明</a>
        </div>
        <div class="list-img">
            <p><img src="images/weixin2.png" alt=""></p>
            <p><img src="images/tianmao.png" alt=""></p>
            <p><img src="images/shop.png" alt=""></p>
        </div>
        <div class="list-right">
            <a href="#">官方微信</a>
            <a href="#">天猫旗舰店</a>
            <a href="#">有赞商城</a>
        </div>
        <hr class="line">
        <div class="foot">
            <span class="foot-left">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;&nbsp;家居医生网</span>
            <span class="foot-right">粤ICP备08011321号&nbsp;Copyright&nbsp;All&nbsp;Rights&nbsp;Reserved</span>
        </div>
    </div> 
</body>
</html>